<template>
  <!-- 订单维度下费用及订单数统计竖屏 -->
  <view class="charts-box">
    <Chart :echartData="echartData" @getShawBarInfo="getShawBarInfo" />
  </view>
</template>

<script setup lang="ts">
  import { Chart } from './components'

  defineProps({
    echartData: {
      type: Array,
      default: () => [],
    },
  })

  const emits = defineEmits(['getShawBarInfo'])

  const getShawBarInfo = (e: any) => {
    console.log('getShawBarInfo', e)
    emits('getShawBarInfo', e)
  }
</script>

<style scoped lang="scss">
  /* 请根据实际需求修改父元素尺寸，组件自动识别宽高 */
  .charts-box {
    width: 100%;
    height: 300px;
  }
</style>
